<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/actor.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
	</head>

	<body>
		<!--base-->
		<div id="base_top_bg" >
			<div class="base_top_navDiv">
				<div class="base_top_logo" onclick="location.href='index.html'"></div>
				
				<ul class="base_top_nav">
					<li class="w42" id="index_dl">登录</li>
					<li class="w40" id="index_tcdl" onclick="location.href='register.html'"></li>
					<li class="w40" onclick="location.href='shop.html'"></li>
					<li class="w56" id="base_gwc" >购物车</li>
					<li></li>
					<li class="w40"></li>
					<li class="w40"></li>
					<li class="w40"></li>
				</ul>
				<div id="base_dlcg"></div>

				<img class="base_weixin" src="img/index/index_weixin1.png" />
				<img class="base_weibo" src="img/index/index_weibo1.png" />
				<img class="base_weitao" src="img/index/index_weitao1.png" />
			</div>
		</div>
		<ul id="base_leftAdd_content">
			<li>
				<a href="news.html">资讯</a>
			</li>
			<li>
				<a href="join.html">加盟</a>
			</li>
			<li>
				<a href="job.html">纳贤</a>
			</li>
			<li>
				<a href="woker.html">匠人</a>
			</li>
			<li>
				<a href="cooperation.html">合作</a>
			</li>
			<li>
				<a href="actor.html">选角</a>
			</li>
			<li>
				<a href="media.html">媒体</a>
			</li>
		</ul>
		<div id="base_leftAdd">
			<span></span>
		</div>
		<!--模拟客服开始-->
		<div id="top"></div>
		<div id="main">
			<span id="base_guanbi"></span>
			<div id="txt">花笙记客服代表</div>
			<div id="show">
				<span class="show_span">很高兴为您服务！</span>
			</div>
			<input type="text" name="text" id="text" value="" />
			<input type="button" style="cursor: pointer;" id="send" value="发送" />
		</div>
		<!--模拟客服结束-->
		<!--内容-->
		<div id="actor_div">
			<img src="img/actor/actor_1.jpg" />
			<div id="actor_anniu">
			</div>
		</div>
		<div id="actor_div2">
			<p><img src="img/actor/actor_3.jpg" /></p>
			<ul>
				<li><input type="text" placeholder="姓名" /></li>
				<li><input type="text" placeholder="生日(1980-01-01)" /></li>
				<li><input type="text" placeholder="手机" /></li>
				<li><input type="text" placeholder="邮箱" /></li>
				<li><input type="text" placeholder="身高(CM)" /></li>
				<li><input type="text" placeholder="体重(KG)" /></li>
				<li><a href="javascript:;"><img src="img/actor/actor_6.png" /></a></li>
			</ul>
			<p><a href="javascript:;"><img src="img/actor/actor_4.jpg" /></a></p>
			<img src="img/actor/actor_5.jpg" id="actor_X" />
		</div>

		<script src="js/jquery1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			var div = document.getElementById("actor_div");
			$(function() {
				$("#actor_anniu").mouseover(function() {
					$("#actor_anniu").addClass("actor_anniu_1")
				}).mouseout(function() {
					$("#actor_anniu").removeClass("actor_anniu_1")
				});
			});
			//表层div的高度获取
			var biao = document.getElementById("actor_div2");
			var ht = document.documentElement.clientHeight;
			$("#actor_div2").css("height", ht + "px");
			//显示隐藏
//			$("#actor_anniu").click(function() {
//				$("#actor_div2").css("display", "block");
//				$("#actor_anniu").css("display", "none")
//			});
//			$("#actor_X").click(function() {
//				$("#actor_div2").css("display", "none");
//				$("#actor_anniu").css("display", "block");
//			})
			//按钮随着滚动条滚动
//			var top0;
//			window.onload = function() {
//				var anniu = document.getElementById("actor_anniu");
//				top0 = document.defaultView.getComputedStyle(anniu, null).top;
//			}
//			window.onscroll = function() {
//				var anniu = document.getElementById("actor_anniu");
//				var t = 0;
//				if(document.body.scroll) {
//					t = document.body.scrollTop;
//				} else {
//					t = document.documentElement.scrollTop;
//				};
//				anniu.style.top = parseInt(top0) + t + "px";
//			}



			$("#actor_anniu").bind("click", function() {
				$("#actor_div2").animate({ left: '+0.1%' }, "slow");
				$("#actor_div2").css("display", "block");
				$("#actor_anniu").css("display", "none");
			})

			$("#actor_X").bind("click", function() {
				$("#actor_div2").animate({ left: '-100%' }, "slow");
				$("#actor_div2").css("display", "none");
				$("#actor_anniu").css("display", "block");
			});
		</script>
	</body>

</html>